<div class="right-main" >

    <div nz-row nzType="flex">
        <div nz-col [nzSpan]="4">
            <i class="anticon anticon-file-text"></i>
        </div>
        <div nz-col [nzSpan]="20">
            节点
        </div>
    </div>
    <div nz-row nzType="flex">
        <div nz-col [nzSpan]="4">

        </div>
        <div nz-col [nzSpan]="20">
            <button (click)="addOption()" nz-button [nzType]="'default'" style="margin-bottom: 5px"  class="mr-sm">
                <span>添加节点</span>
            </button><br />
            <nz-input #color style="width: 85%;" [nzType]="'input'" [nzPlaceHolder]="'请输入开始节点'" [(ngModel)]="rightText" appMargin [bottom]="5" [nzRows]="'4'" name="color1" ></nz-input><br />
            <ng-container *ngFor="let data of rightData.selectData;let i = index">
                <nz-input #color style="width: 75%;" [nzType]="'input'" [(ngModel)]="data.value" appMargin [bottom]="5" [nzRows]="'4'" name="color1" ></nz-input>
                <a (click)="deleteOption(i)" style="display: inline-block;width: 10%;text-align: center;">
                    <i class="fa fa-remove"></i>
                </a><br />
            </ng-container>
        </div>
    </div>
    <div nz-row nzType="flex">
        <div nz-col [nzSpan]="4">
            <i class="anticon anticon-file-text"></i>
        </div>
        <div nz-col [nzSpan]="20">
            选择版本
        </div>
    </div>
    <div nz-row nzType="flex">
        <div nz-col [nzSpan]="4">

        </div>
        <div nz-col [nzSpan]="20">
            <nz-radio-group [(ngModel)]="lineRadio" (ngModelChange) ="lineChange(lineRadio)">
                <label nz-radio [nzValue]="'online'" >线上版</label>
                <label nz-radio [nzValue]="'outline'" >线下版</label>
            </nz-radio-group>
        </div>
    </div>
    <!--<div nz-row nzType="flex">-->
        <!--<div nz-col [nzSpan]="4">-->
            <!--<i class="anticon anticon-file-text"></i>-->
        <!--</div>-->
        <!--<div nz-col [nzSpan]="20">-->
            <!--数据来源-->
        <!--</div>-->
    <!--</div>-->
    <!--<div nz-row nzType="flex">-->
        <!--<div nz-col [nzSpan]="4">-->

        <!--</div>-->
        <!--<div nz-col [nzSpan]="20">-->
            <!--<nz-checkbox-group [(ngModel)]="comeList" (ngModelChange)="checkChange(comeList)"></nz-checkbox-group>-->
        <!--</div>-->
    <!--</div>-->
    <div nz-row nzType="flex">
        <div nz-col [nzSpan]="4">

        </div>
        <div nz-col [nzSpan]="20">
            <button nz-button [nzType]="'primary'" (click)="save()" [disabled]="uploading" class="mr-sm">
                <span>保存</span>
            </button>
            <button nz-button [nzType]="'danger'" (click)="deleteComponent()" [disabled]="uploading" class="mr-sm">
                <span>删除</span>
            </button>
        </div>
    </div>
</div>
